{$contents}

{literal}
<div style="text-align:left; padding:10px;">
<h2>Source</h2>

<pre class="code">
&lt;?php
$panel = array(
	'type' => 'panel', // panel is also default, so if type is not specified panel is assumed
	'layout' => 'table',
	'title' => 'Main panel',
	'layout' => 'table',
	'items' => array(
		array(
			'type' => 'panel',
			'title' => 'Sub panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'border' => true,
			'html' => 'This is left panel',
		),
		array(
			'type' => 'panel',
			'title' => 'Sub panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'border' => true,
			'html' => 'This is right panel',
		),
				
		array(
			'type' => 'fieldSet',
			'title' => 'Fieldset panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'colspan' => 2,
			'html' => 'This is fieldset panel',
		),	
	),
);
		
$outerPanel = array(
	'type' => 'panel',
	'html' => 'Outer panel',
	'bodyStyle' => 'height:100px;padding:10px;',
);
		
$borderlessPanel = array(
	'type' => 'panel',
	'border' => false,
	'frame' => false,
	'layout' => 'table',
	'layoutConfig' => array(
		'columns' => 3,
	),
	'items' => array(
		array(
			'type' => 'panel',
			'title' => 'Sub panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'border' => true,
			'frame' => false,
			'html' => 'This is left panel',
		),
		
		array(
			'type' => 'panel',
			'title' => 'Sub panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'border' => true,
			'frame' => false,
			'html' => 'This is middle panel',
		),
				
		array(
			'type' => 'panel',
			'title' => 'Sub panel',
			'bodyStyle' => 'height:100px;padding:10px;',
			'border' => true,
			'frame' => false,
			'html' => 'This is right panel',
		),
	),
);
		
$this->view->contents = DomFg::render( $panel ) . DomFg::render( $outerPanel ) . DomFg::render( $borderlessPanel );
	
?&gt;
</pre>
</div>
{/literal}